<template>
    <show-modal :title="title" :loading="loading" width="400px" @cancel="cancel" @submit="submit">
        <a-form-model ref="form" :model="form" :rules="rules" v-bind="layout">
            <a-form-model-item label="备注" prop="remark">
                <a-textarea v-model="form.remark" placeholder="请输入备注信息" :auto-size="{ minRows: 5, maxRows: 8 }" />
            </a-form-model-item>
        </a-form-model>
    </show-modal>
</template>
<script>
export default {
    name:'DealLog',
    data(){
        return{
            loading:false,
            title:'备注',
            form:{
                remark:''
            },
            rules:{},
            layout: {
                labelCol: { span: 3 },
                wrapperCol: { span: 21 }
            }
        }
    },
    methods:{
        async submit(){
            let {remark} = this.form;
            this.$emit('submit',{remark})
        },
        cancel(){
            this.$emit('cancel')
        },

    }
}
</script>